<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href='/css/app.css'>
    <title>{{module()['title']}}-{{site()['title']}}</title>

    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.14.0/css/all.css" rel="stylesheet">

</head>

<body style="background: #f9f9f9">
<header class="border-bottom-green">
    <div class="container d-flex justify-content-between align-items-center ">
        <div class="left d-flex">
            <div class="h5 mr-2">
                <i class="fas fa-home"></i>
                houdunren
            </div>
            <a href="{{route('home')}}">{{module()['title']}}</a>
        </div>
        <div class="member">
            <div class="dropdown">
                <button class="btn  dropdown-toggle clear-after" type="button" id="dropdownMenu2" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                    <div class="d-flex align-items-center">
                        <div class="pr-1 ">
                            <img src="{{user()->icon}}" class="w35" alt="">
                        </div>
                        <div class="d-flex flex-column align-items-start ">
                            <span>{{user()->name}}</span>
                            <span>{{user()->created_at->diffForHumans()}}</span>
                        </div>
                    </div>
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                    <a class="dropdown-item" type="button">网站首页</a>

                </div>
            </div>
        </div>

    </div>

</header>
<div class="container mt-3">

    <div class="row">
        <div class="col-12">
            @include('layouts.message')

        </div>
        <div class="col-md-3 col-12   ">
            <div class="icon bg-white shadow-sm border">
                <a href="{{route('member.avatar.create')}}">
                    <img src="{{user()->icon}}"
                         style="width: 100%">
                </a>
                <div class="pt-0 p-3">
                    <h6 class="text-muted">{{user()->name}}</h6>
                    <hr>
                    <div class="d-flex justify-content-between text-muted">
                        <i aria-hidden="true" class="fa fa-envelope {{user('email')? 'text-info': ''}} "></i>
                        <i aria-hidden="true" class="fas fa-phone-square {{user('mobile')? 'text-info': ''}}"></i>
                        <i aria-hidden="true" class="fab fa-weibo {{user('weibo')? 'text-info': ''}}"></i>
                        <i aria-hidden="true" class="fab fa-weixin {{user('wechat')? 'text-info': ''}}"></i>
                        <i aria-hidden="true" class="fab fa-github {{user('github')? 'text-info': ''}}"></i>
                        <i aria-hidden="true" class="fab fa-qq {{user('qq')? 'text-info': ''}}"></i>
                    </div>
                </div>
            </div>
            <div class="card rounded shadow-sm bg-white mt-2">
                <div class="card-body p-0">

                    <div class="list-group list-group-flush">
                        <a href="{{route('member.base.create')}}"
                           class="list-group-item list-group-item-action  {{active_class(if_route('member.base.create')) }}">
                            <i class="w-4 inline-block fas fa-server"></i>
                            基本信息
                        </a>
                        <a href="{{route('member.avatar.create')}}"
                           class="list-group-item list-group-item-action  {{active_class(if_route('member.avatar.create')) }}">
                            <i class="w-4 inline-block fas fa-camera-retro"></i>
                            修改头像
                        </a>
                        <a href="{{route('member.password.create')}}"
                           class="list-group-item list-group-item-action {{active_class(if_route('member.password.create')) }}">
                            <i class="w-4 inline-block fas fa-unlock-alt"></i>
                            密码修改
                        </a>
                        <a href="{{route('member.mobile.create')}}"
                           class="list-group-item list-group-item-action {{active_class(if_route('member.mobile.create')) }}">
                            <i class="w-4 inline-block fas fa-phone-square-alt"></i>
                            手机绑定
                        </a>
                        <a href="{{route('member.email.create')}}"
                           class="list-group-item list-group-item-action {{active_class(if_route('member.mail.create')) }}">
                            <i class="w-4 inline-block fas fa-envelope"></i>
                            绑定邮箱
                        </a>
                        <a href="{{route('edu.member.message.index')}}"
                           class="list-group-item list-group-item-action {{active_class(if_route('member.wechat.create')) }}">
                            <i class="w-4 inline-block fab fa-weixin"></i>
                            微信绑定
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-9 p-0" id="app">
            @yield('content')
        </div>
    </div>
</div>
@stack('scripts')
<script src={{mix('/js/app.js')}}></script>

</body>

</html>
